<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>文本查重小能手</title>
  <link rel="stylesheet" href="./css/style.css">
</head>
<body>
  <div class="container mt-5">
    <h1 class="text-center mb-4">文本查重小能手</h1>
    <div class="row">
      <div class="col-md-6 mb-3">
        <h4>被查重文章</h4>
        <textarea id="originalText" class="form-control"
          rows="10">人工智能（Artificial Intelligence，缩写为AI）英文名。是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新技术科学。</textarea>
        <button id="plagiarismRateText" class="btn btn-secondary mt-3">重复率：0% </button>

      </div>
      <div class="col-md-6 mb-3">
        <h4>对比文章</h4>
        <select id="articleSelect" class="form-select mb-3">
          <option value="articleOne">对比文章1</option>
          <option value="articleTwo">对比文章2</option>
          <option value="articleThree">对比文章3</option>
          <option value="articleFour">对比文章4</option>
        </select>
        <textarea id="compareText" class="form-control"
          rows="10"></textarea>
      </div>
    </div>
    <div class="d-grid gap-2">
      <button id="checkPlagiarism" class="btn btn-primary">查重</button>
    </div>
  </div>
  <script src="./js/checkPlagiarism.js"></script>
  <script src="./js/index.js"></script>
</body>
</html>